<style></style>

header {  
background-color: #f8f9fa;  
padding:20px;  
text-align: center;  
}  

.search-bar {  
width:80%;  
padding:10px;  
margin-top:10px;  
border:1px solid #ccc;  
border-radius:5px;  
}  

nav {  
background-color: #007bff;  
}  

.menu {  
list-style: none;  
padding:0;  
}  

.menu li {  
display: inline;  
margin:015px;  
}  

.menu a {  
color: white;  
text-decoration: none;  
}  

.banner img {  
width:100%;  
height: auto;  
}  

.products {  
padding:20px;  
}  

.product-list {  
display: flex;  
justify-content: space-around;  
}  

.product-item {  
text-align: center;  
border:1px solid #ccc;  
border-radius:5px;  
padding:15px;  
width:30%;  
}  

.product-item img {  
width:100%;  
height: auto;  
}  

footer {  
text-align: center;  
padding:10px;  
background-color: #f8f9fa;  
position: fixed;  
bottom:0;  
width:100%;  
}